<template>
	<view class="box">
		<view class="box1">
			<uv-icon name="arrow-left" color="#000" @click="back"></uv-icon>
			<view class="box11">购物车</view>
		</view>
		<view class="box2" v-for="item in 2">
			<view class="box2-top">
				<image src="../../static/image/陈喜喜.jpg" mode=""></image>
				<view style="color: #a3a3a3;">博士爱订货商城</view>
			</view>
			<view class="list" v-for="item in 2">
				<view class="group">
					<uv-radio-group>
						<uv-radio name="2" activeColor="#008c8c"></uv-radio>
					</uv-radio-group>
				</view>
				<view class="all">
					<view class="all-left">
						<image src="../../static/logo.png" mode=""></image>
					</view>
					<view class="all-right">
						<view class="all-top">
							<view class="all-top1">[全新小黑瓶]淡纹大师玫瑰润养</view>

						</view>
						<view class="all-bottom">
							<view style="font-weight: bold;">￥336</view>
							<view> <uv-number-box v-model="value" @change="valChange"></uv-number-box>
							</view>
						</view>
					</view>
				</view>

			</view>
		</view>
		<!-- 底部 -->
		<view class="box5">
			<view class="box51">
				<view class="group">
					<uv-radio-group>
						<uv-radio name="2" activeColor="#008c8c"></uv-radio>
					</uv-radio-group>
					全选
				</view>
				<view class="box51-left">
					<view>合计:</view>
					<view style="color: red;display: flex; align-items: center;">￥<view style="font-size: 1.1rem;">23</view>
					</view>
				</view>
				<view class="box51-right">
					<button class="but1">删除</button>
					<button class="but">去结算</button>
				</view>
			</view>
		</view>
	</view>
</template>

<script setup>
	import {
		ref
	} from 'vue';
	const value = ref(0)

	function valChange(e) {
		console.log('当前值为: ' + e.value)
	}
	const back = (() => {
		uni.navigateBack({
			delta: 1, // 返回1个，如果是2，返回2个页面
		});
	})
</script>

<style lang="scss">
	@import url("shoppingcart.scss");
</style>